<script lang="ts" setup>
    import { useRouter } from 'vue-router';
    const router = useRouter()
    function fetchBooks(){
        router.push("/books")
    }
    function goToAdmin(){
        router.push("/system/userlist")
    }
    
</script>

<template>
    <div class="login-container">
        <el-button type="primary" text @click="fetchBooks">查看图书列表</el-button>
        <el-button type="primary" text @click="goToAdmin">进入管理后台</el-button>
    </div>
</template>

<style lang="css" scoped>
    .login-container {
      display: flex;
      justify-content: center; /* 水平居中 */
      align-items: center; /* 垂直居中 */
      height: 50vh; /* 设置容器高度为视口高度 */
    }
    .el-button{
        font-size: 30px;
        font-weight: bolder;
    }
</style>